import React from 'react';

import { Tel } from '@/components/Tel';
import { ChatMessageList } from '@/components/ChatMessageList';
import { Panel } from '@/components/Panel';
import { AudioChatProvider } from '@/components/AudioChatProvider';
import { AudioChatServiceProvider } from '@/components/AudioChatServiceProvider';

const Index = () => {
  return (
    <AudioChatProvider>
      <AudioChatServiceProvider>
        <div className={'h-screen w-screen flex gap-12 items-center justify-center'}>
          <Tel />
          <ChatMessageList />
          <Panel />
        </div>
      </AudioChatServiceProvider>
      s
    </AudioChatProvider>
  );
};

export default Index;
